<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="Lista Productos"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:form>
                <p:dataGrid value="#{productosController.filtrados}" var="producto" paginator="true" rows="10"  
                        paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                        rowsPerPageTemplate="5,10,15">  

                    <p:column headerText="Imagen">
                        <h:commandButton type="image" image="/Imagenes/#{producto.imagen}.jpg" action="#{productosController.prepareViewFiltrados}" value="#{bundle.ListProductosViewLink}"> 
                            <f:param name="param" value="#{producto.id}" />
                        </h:commandButton>    
                    </p:column>       
                    <p:column headerText="Nombre">  
                        <h:outputText value="#{producto.nombre}" />
                    </p:column>
                    <p:column headerText="Precio"> 
                        <h:outputText value="#{producto.precio}€" />
                    </p:column>
                    <p:column  headerText="Comprar">
                            <h:commandButton action="#{carritoController.addItem}" value="#{bundle.AgnadirAlCarrito}">
                                <f:param name="param" value="#{producto.id}" />
                            </h:commandButton>
                            <br />
                    </p:column>  
                </p:dataGrid>         
            </h:form>
        </ui:define>
    </ui:composition>

</html>
